contact.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<!-- #BeginTemplate "dwt/site.dwt" -->

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<!-- #BeginEditable "doctitle" -->
<title>Contact Us</title>
<!-- #EndEditable -->
<!-- #BeginEditable "headsection" -->
<meta content="insert DESCRIPTION here" name="description" />
<meta content="Insert KEYWORDS here" name="keywords" />
<!-- #EndEditable -->
<meta http-equiv="Content-Language" content="en-us" />
<meta content="General" name="rating" />
<meta content="no" http-equiv="imagetoolbar" />
<meta content="Copyright 2010, Tina Clarke and Pat Geary. http://frontpage-to-expression.com/ All Rights Reserved" name="copyright" />
<link rel="stylesheet" type="text/css" href="styles/site.css" />
<!-- 
======================================
Website Template Name:   Daffodil Site Template 
Author: Patricia Geary
Author URI: http://www.expression-web-tutorials.com/
Author Email: patgeary@comcast.net
Date: October 2011 
========================================
-->
</head>

<body>

<!-- Page Container begins here -->
<div id="outerWrapper">
	<!-- Site Name begins here -->
	<div id="sitename">
		<p class="title">Site Name </p>
		<p class="tagline">Tagline Goes Here</p>
	</div>
	<!-- Site Name ends here -->
	<!-- Masthead begins here -->
	<div id="header">
	</div>
	<!-- Masthead ends here -->
	<!-- Content Container begins here -->
	<div id="contentWrapper">
		<!-- Left Column begins here -->
		<div id="leftColumn1">
			<p class="headerbar">Main Menu</p>
			<ul>
				<li><a href="index.html" title="Home - Your Site Name.">Home</a></li>
				<li><a href="about.html" title="About Us - Site Name.">About Us</a></li>
				<li><a href="contact.html" title="Contact  Us - Site Name.">Contact Us</a></li>
				<li><a href="links.html" title="Links We Reccommend">Links</a></li>
				<li><a title="Photo Gallery." href="photo-gallery.html">Photo Gallery</a></li>
				<li><a href="search.html" title="Search Our Site.">Search</a></li>
				<li><a href="site-map.html" title="Site Map for Site Name.">Site Map</a></li>
			</ul>
			<p class="headerbar">Section Menu</p>
			<ul>
				<li><a href="#" title="null link">Link</a><ul>
					<li><a href="#" title="null link">Link</a></li>
					<li><a href="#" title="null link">Link</a></li>
				</ul>
				</li>
				<li><a href="#" title="null link">Link</a></li>
				<li><a href="#" title="null link">Link</a><ul>
					<li><a href="#" title="null link">Link</a></li>
					<li><a href="#" title="null link">Link</a></li>
				</ul>
				</li>
				<li><a href="#" title="null link">Link</a></li>
				<li><a href="#" title="null link">Link</a></li>
			</ul>
			<div class="sidebox">
				<p class="sideboxheading">News</p>
				<p>You may use this box for news, special events, sales or what have you. If you want to be able to change the content from page to page, you will need to make this an editable region.</p>
			</div>
		</div>
		<!-- Left Column ends here -->
		<!-- Main Content begins here -->
		<div id="content">
			<!-- #BeginEditable "content" -->
			<h1>Contact</h1>
			<p>John Q Public<br />
			123 Main Street<br />
			City, ST 00000</p>
			<p>(000) 000-0000 home<br />
			(000) 000-0000 cell</p>
			<form action="" method="post">
				<fieldset>
				<legend>Contact Us</legend>
				<p><label for="yourname">Your Name: (required)</label><br />
				<input id="yourname" class="cf" accesskey="f" maxlength="60" name="yourname" size="40" tabindex="1" title="Text input: Type Your Name" type="text" /></p>
				<p><label for="emailaddress">Email Address: (required)</label><br />
				<input id="emailaddress" class="cf" maxlength="60" name="emailaddress" size="40" tabindex="2" title="Text input: Type Your Email Address" type="text" /></p>
				<p><label for="emailaddressconfirmation">Confirm Email Address: (required)</label><br />
				<input id="emailaddressconfirmation" class="cf" maxlength="60" name="emailaddressconfirmation" size="40" tabindex="3" title="Text input: Confirm Your Email Address" type="text" /></p>
				<p><label for="message">Your Message:</label><br />
				<textarea id="message" class="cf" cols="35" name="message" rows="5" tabindex="7" title="Text input: Type Your Message"></textarea></p>
				<p><label for="catchall">To help block spam, please tell me ... <br />
				HOT is for summer. What is for winter?</label><br />
				<input id="catchall" class="cf" name="winter" size="20" title="Text input: Type cold" type="text" tabindex="8" /></p>
				<p><label for="administration">Administrative use only.<br />
				Please leave blank.</label><br />
				<input id="administration" class="cf" name="email" size="20" maxlength="100" title="Text input: Leave blank" type="text" /></p>
				<br />
				<p><input tabindex="6" type="submit" value="Send the Message" class="button" /></p>
				</fieldset>
			</form>
			<h2>Important Information: </h2>
			<p>This is a sample contact form and is <strong>NOT</strong> active.  Details for working with forms can be found on <a title="Working With Forms." href="http://www.frontpage-to-expression.com/site-templates/working-with-forms.html">Working With Forms</a>.</p>
			<!-- #EndEditable --></div>
		<!-- Main Content ends here -->
		<!-- Do NOT Delete or your footer will not fall below your content area --><br class="clearFloat" />
		<br />
	</div>
	<!-- Content Container ends here -->
	<!-- Footer begins here -->
	<div id="footer">
		<p>Copyright © 2011 Company Name. All Rights Reserved.</p>
		<p><a title="Copy and Paste the email address to your email editor to send me mail.">your-name<code>@</code>your-domain.com</a> | <a title="Privacy Policy." href="privacy-policy.html">Privacy Policy</a></p>
		<p>Template Design: <a title="Expression Web Tutorials & Templates." href="http://www.expression-web-tutorials.com/">Expression Web Tutorials & Templates </a></p>
	</div>
	<!-- Footer ends here --></div>
<!-- Page Container ends here -->

</body>
<!-- #EndTemplate -->

<!-- #EndTemplate -->

</html>